<template>
<uni-shadow-root class="view-new-aikucun-aikucun_index_report"><template name="aikucun_index_report">


    <view class="report_area">
      <view class="report_area_s">
             <image class="report_icon" src="http://image.aikucun.xyz/aikucun/2018_4/2/12/15/2_275.jpg?imageMogr2/thumbnail/120x/interlace/0 " mode="aspectFit"></image> 
            
            <swiper class="report_list2" :autoplay="true" interval="5000" duration="500" :vertical="true">
              <block v-for="(item,index) in (newsList)" :key="item.index">
                <swiper-item class="reportText">
                  <text class="font_08" style="color: #000; font-size:0.9em;" :data-id="item.id" @click="toNewsList">{{item.title}}</text>
                </swiper-item>
              </block>
            </swiper>  
      </view>

      
    </view>

</template></uni-shadow-root>
</template>

<script>

global['__wxRoute'] = 'view-new/aikucun/aikucun_index_report'

Component({})

export default global['__wxComponents']['view-new/aikucun/aikucun_index_report']
</script>
<style platform="mp-weixin">
/* 通知 */
.report_area{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom:10px;
}
.report_area_s{
  width: 100%;
  background: #fff;
   opacity:0.8;
  border-radius: 0.4em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0.2em 0;
}

 .report_icon {
    width: 1.4em;
    height: 1.4em;
    margin-left: 1em;
}
.report_area .report_list{
    padding-left: 10px;
    width: 80%;
    height: 100%;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.report_list2{
    padding-left: 1em;
    width: 80%;
    color: #999;

    height: 2em;

}
.reportText{
  white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.reportText text{
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
</style>